<template>
	<view class="wrapper">
		<view v-show="loading" :class="{on:loading}" class="foot">
			<text>{{loadTxt}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:'load',
		props:{
			loading:{
				default:false,
				type:Boolean,
			},
			loadTxt:{
				default:'正在加载...',
				type:'string'
			}
		}
	}
</script>

<style scoped>
	.foot{
		font-size: 26px;
		color: #C9CACC;
		text-align: center;
		transition: all 0.4s;
	}
	.foot.on{
		padding: 30px 0;
	}
</style>
